<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
<h:head></h:head>
<h:body>
 <ui:composition template="/templates/Plantilla.xhtml">	
  <ui:define name="content">
   <h:form id="form">
   	<h3> Administrar Equipos de Frio Calor en una Sucursal</h3>
	<p:separator/>
	<p:panel>
		<h:outputText value="Codigo de Sucursal:"/>
		<p:commandButton icon="ui-icon-search" actionListener="#{sucursalAsignarEquipos.buscarPorCodigoSucursal}"  />
		<p:commandButton icon="ui-icon-search" oncomplete="dglBuscarSucursal.show()" actionListener = "#{sucursalAsignarEquipos.limpiarSucursal}" 
			update ="dglBuscarSucursal"/> 				
	</p:panel>
	
	 <p:dialog id="dglBuscarSucursal" header="Buscar Sucursal" widgetVar="dglBuscarSucursal" 
	 	modal="true" resizable="false" 	width="450" height= "420" >
	 	<p:panel>
		 	<h:panelGrid columns="5">  
		    	<h:outputText value="Apellido:"/>	
		    	<p:inputText value="#{sucursalAsignarEquipos.sucursal.apellido}"/>
		    	<h:outputText value="Nombre:"/>
		    	<p:inputText value="#{sucursalAsignarEquipos.sucursal.nombre}"/>
		    	<p:commandButton icon="ui-icon-search" actionListener="#{sucursalAsignarEquipos.buscarSucursales(sucursalAsignarEquipos.sucursal)}" 
		    		update ="tblSucursal"/>
	    	</h:panelGrid>
    	</p:panel>
		<p:dataTable id="tblSucursal" var="s" value="#{sucursalAsignarEquipos.sucursalesEncontradas}"
    		emptyMessage="No se encontro ninguna sucursal" paginator="true" rows="10">
 			<p:column headerText="Codigo">
 				<p:commandLink actionListener="#{sucursalAsignarEquipos.cargarSucursalSeleccionada(s)}"
 					oncomplete="dglBuscarSucursal.hide()"
 					update =":form:pnlSucursal, :form:pnComercializacionPack, :form:tblEquiposFrioCalorAsignados">
					<h:outputText value = "#{s.sujeto.sujetoId}-#{s.sucursalId}" />
				</p:commandLink>	
 			</p:column>
			
			<p:column headerText="Apellido,Nombre">
  				#{s.apellido}, #{s.nombre}
			</p:column>

			<p:column headerText="Domicilio">
  				#{s.domicilioCompleto}
			</p:column>
			
    	</p:dataTable>		
	 </p:dialog>
	
	<p:panel>
		<h:outputText value="Datos de la Sucursal"/>
		<p:separator/>
		<h:panelGrid id="pnlSucursal" columns = "2">
  			<h:outputText value="Apellido y Nombre: "/>
  			<h:outputText value = "#{sucursalAsignarEquipos.sucursal.apellido}, #{sucursalAsignarEquipos.sucursal.nombre}"/>
  			
  			<h:outputText value="Apodo/Alias: "/>
  			<h:outputText value = "#{sucursalAsignarEquipos.sucursal.alias}"/>
  			
  			<h:outputText value="Direccion:"/>
  			<h:outputText value = "#{sucursalAsignarEquipos.sucursal.domicilioCompleto}"/>
  		</h:panelGrid>			
	</p:panel>
	
	<p:panel id="pnComercializacionPack">
		<h:outputText value="Detalle de la Comercializacion Pack asignada"/>
		<p:separator/>
		<p:dataList value="#{sucursalAsignarEquipos.comercializacionesPack}" var="comPack" itemType="disc">
			Nombre de Pack: #{comPack.pack.nombre}. 
			Cantidad: #{comPack.cantidadPack}. 
			Desde:
				<h:outputText value="#{comPack.fechaAsignacion}" >
					<f:convertDateTime pattern="d-M-yyyy" />
				</h:outputText>
			Hasta:
					<h:outputText value="#{comPack.fechaDesasignacion}" >
						<f:convertDateTime pattern="d-M-yyyy" />
					</h:outputText> 
		</p:dataList>		
	</p:panel>
	
	<br/>
	
	<p:dataTable id="tblEquiposFrioCalorAsignados" value="#{sucursalAsignarEquipos.equiposAsignados}"
		var="sucursalFrioCalor" emptyMessage="Sin Equipos Frio Calor asignado.">  			
			 			
	 		<f:facet name="header">Equipos Frio Calor Asignados</f:facet>
	 		
	 		<p:column>
	 			<f:facet name="header">
					<p:commandLink oncomplete = "dglBuscarEquipos.show()">
						<p:graphicImage value ="#{resource['images:plus-16-ns.png']}"/>			  
					</p:commandLink>
				</f:facet>
				<p:commandLink title="Quitar" icon="ui-icon-close">
  					<p:graphicImage value="#{resource['images:cross-16-ns.png']}"/>
  				</p:commandLink>
			</p:column>
	                 			 						
			<p:column>
				<f:facet name="header">Serie Nº</f:facet>
				#{sucursalFrioCalor.frioCalor.numeroDeSerie}
			</p:column>
	
			<p:column>
				<f:facet name="header">Marca</f:facet>
				#{sucursalFrioCalor.frioCalor.marca}
			</p:column>
			
			<p:column>
				<f:facet name="header">Modelo</f:facet>
				#{sucursalFrioCalor.frioCalor.modelo}
			</p:column>
			
			<p:column>
				<f:facet name="header">Ubicacion</f:facet>
				#{sucursalFrioCalor.ubicacion}
			</p:column>
			
			<p:column headerText ="Fecha de Asignacion">
				#{sucursalFrioCalor.fechaAsignacion}
			</p:column>
			
	</p:dataTable>  
 		
 		<p:dialog id="dglBuscarEquipos" header="Buscar Frio Calor" widgetVar="dglBuscarEquipos" 
	 		modal="true" resizable="false" 	width="600" height= "420" >
		 	<p:panel>
			 	<h:panelGrid columns="7">  
			    	<h:outputText value="Nº Serie:"/>	
			    	<p:inputText value="#{sucursalAsignarEquipos.frioCalor.numeroDeSerie}"/>
			    	<h:outputText value="Marca:"/>
			    	<p:inputText value="#{sucursalAsignarEquipos.frioCalor.marca}"/>
			    	<h:outputText value="Modelo:"/>
			    	<p:inputText value="#{sucursalAsignarEquipos.frioCalor.modelo}"/>
			    	<p:commandButton icon="ui-icon-search" actionListener="#{sucursalAsignarEquipos.buscarEquiposFrioCalor(sucursalAsignarEquipos.frioCalor)}" 
			    		update ="tblEquiposEncontrados"/>
		    	</h:panelGrid>
	    	</p:panel>
			<p:dataTable id="tblEquiposEncontrados" var="fc" value="#{sucursalAsignarEquipos.equiposEncontrados}"
    			emptyMessage="No se encontro ninguna sucursal" paginator="true" rows="10">
 				
 				<p:column headerText="Nº Serie">
	 				<p:commandLink actionListener="#{sucursalAsignarEquipos.asignarEquipoFrioCalor(fc)}"
	 					oncomplete="dglBuscarEquipos.hide()"
	 					update =":form:tblEquiposFrioCalorAsignados">
						<h:outputText value = "#{fc.numeroDeSerie}" />
					</p:commandLink>	
	 			</p:column>
			
				<p:column headerText="Marca">
	  				#{fc.marca}
				</p:column>

				<p:column headerText="Modelo">
	  				#{fc.modelo}
				</p:column>
			
	    	</p:dataTable>		
	 	</p:dialog>
	</h:form>			
 </ui:define>
</ui:composition>
</h:body>
</html>